<template>
  <a-modal
    title="未提交列表"
    :width="400"
    :visible="visible"
    :confirmLoading="loading"
    :destroyOnClose="true"
    @cancel="
      () => {
        $emit('cancel')
      }
    "
    :footer="null"
  >
    <a-spin :spinning="loading">
      <a-table
        ref="table"
        size="default"
        rowKey="phone"
        :columns="columns"
        :dataSource="data"
        :pagination="false"
      >
      </a-table>
    </a-spin>
  </a-modal>
</template>

<script>
const columns = [
  {
    title: '手机号码',
    dataIndex: 'phone',
  },
  
  {
    title: '原因',
    dataIndex: 'result',
    customRender: (text)=>'高频'
  },
]

export default {
  name: 'unknow-msg-list',
  props: {
    visible: {
      type: Boolean,
      required: true,
    },
    data: {
      type: Array,
      required: {},
    },
  },
  components: {
  },
  data() {
    this.columns = columns
    return {
      form: this.$form.createForm(this),
      list: {
        list: [],
        total: 0,
      },
      loading: false,
      parameter: {
        pageNum: 1,
        pageSize: 5,
        showTotal: (t) => `共 ${t} 条数据`,
      },
      init: true,
    }
  },
  created() {},
  methods: {
    
  },
  watch: {
   
  },
}
</script>
<style lang="less" scoped>
.jumpName {
  cursor: pointer;
}
</style>